<template>
  主题：<input v-model="isError" type="checkbox" /> 阴影：<input v-model="isFlat" type="checkbox" />
  按钮文本：<input v-model="btnText" type="text" />
  <hr />
  <ButtonVue
    :error="isError"
    :flat="isFlat"
    :title="btnText"
  /><!-- 父向子传值，可采用属性的方式赋值 -->
</template>

<script>
import ButtonVue from './字符串式--子.vue'

export default {
  components: { ButtonVue },
  data: () => ({
    isError: false, // 主题
    isFlat: false, // 阴影
    btnText: '普通按钮', // 按钮文本
  }),
}
</script>

<script setup>
import { ref } from 'vue'
import ButtonVue from './字符串式--子.vue'

let isError = ref(false) // 主题
let isFlat = ref(false) // 阴影
let btnText = ref('普通按钮') // 按钮文本
</script>
